<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css样式</title>
    <link type="text/css" rel="stylesheet" href="divcss.css">
    <style type="text/css">
        div{
            width:200px;
            height:200px;
        }
        #div2{
            background:#0000ff;
        }
        #div3{
             background:#00ff00;
        }
        .class_div2{
        font-size:50px;
        }
        .class_color{
            color:#0abcde
        }

    </style>
</head>
<body>
    <!--三种方式设置样式
        行内样式
        内部样式 css选择器:标签选择器 id选择器 class选择器（类选择器）
        外部样式

        优先级：行内样式--》内部样式--》外部样式
    -->
    <div style="background:#f0f" class="class_color">第一个div</div>
    <div id="div2" class="class_div2 class_color">这是第二个div</div>
    <div id="div3" class="class_div2">这是第三个div</div>

</body>
</html>